﻿.tablescroll
{
    border: 1px solid #808000;
    overflow: hidden;
    padding:2px;
}

.tablescroll table
{
    table-layout:fixed;
} 
 
.tablescroll_head
{
    background-color: #F3F3F3;
    border-color: #C0C0C0;
    border-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    overflow:hidden;
}

.tablescroll_head td
{
    padding:2px 3px 2px 3px;
    
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    border-color: #C0C0C0;
    border-width: 1px;
    border-left-style: solid;
}
 .tablescroll_head table
{
   
}
  
.tablescroll_wrapper
{
    overflow: auto;
    margin-top: 3px;
}

 .tablescroll_wrapper table
{
    border-color: #C0C0C0;
    border-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
   
}
.tablescroll_wrapper td
{
    border-color: #C0C0C0;
    border-width: 1px;
    border-left-style: solid;
    border-top-style: solid;    
    padding:2px 3px 2px 3px;
}
  
  
.tablescroll_foot
{
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    margin-top: 3px;
    background-color: #F3F3F3;
    overflow:hidden;
}
.tablescroll_foot td
{
    border-style: none solid none none;
    border-width: 1px;
    border-color: #C0C0C0;
    margin-top: 3px;
    background-color: #F3F3F3;
    padding: 3px 5px 3px 5px;
}



.gridTextBox
{
	border-style:none;	border-width: 0px;	width: 99%;
	    font-family: 굴림, Arial, san-serif;
 
}
.gridTextNum
{
    border-style: none;
    border-width: 0px;
    width: 99%;
    text-align: right;
        font-family: 굴림, Arial, san-serif;

}
.gridCombo
{
    border-style: none;
    border-width: 0px;
    width: 99%;
    text-align: right;
        font-family: 굴림, Arial, san-serif;

}


.changeTD
{
    background-color: #FFCCCC;
}

.show_td
{
    width: 35px; min-width: 35px;
    text-align: center;
}

.pgNum
{
    border: 1px solid Transparent;
    cursor: pointer;
}
.pgNumNow
{
    cursor: pointer;
    font-weight: bold;
    color: #FF0000;
}
.pgNumOver
{
    border: 1px solid #0000FF;
}

.hidn_td
{
	visibility:hidden;   display: none;
}
.tdCHK
{
    width: 40px
}
.tdID
{
    width: 40px
}
.tdCURD
{
    width: 40px
}

/* ----------------------------------------

-------------------------------------------- */
 .ui-selected { background: #F39814; color: white; }

.tablescroll_tbody_tr_focus
{
    background-color: #FFFF00;
    color: #000000;
}


.tablescroll_tbody_tr_select
{
    background-color: #FFCC00;
}



.td_SortAsc
{
    background-position: 5px center;
    background-image: url('/image/ElementBlueArrowDown.gif');
    background-repeat: no-repeat;
}
.td_Sortdesc
{
    background-position: 5px center;
    background-image: url('/image/ElementBlueArrowUp.gif');
    background-repeat: no-repeat;
}

.inputTextBox_focus
{
	font-size:small;
	border-style: none; 
	border-bottom: mediumblue 1px dotted;
	background-color: Yellow;
}

.formtitle
{
	padding: 5px;
	border: 1px solid #808080;
	font-size: 14px;
	color: #000000;
	background-color: #CCCCCC;
	font-family: 굴림, Arial, san-serif;
	margin-top: 10px;
	margin-bottom: 3px;
}

.menufont
{
	font-size: 16px;
	color: #000000;
	font-family: 굴림, Arial, san-serif;
}

.divred
{
	background-color: Red;
}
.divred:hover	{background-color:Green;}

.clickrow
{
    background-color: #FFCC00;
}

.divtable
{
    position: fixed;
    top: 300px;
    left: 300px;
}

.kdb_scroll_th
{
    border: 1px solid #C0C0C0;
    width: 500px;
    overflow:hidden;
}

.kdb_scroll
{
    border: 1px solid #C0C0C0;
    width: 500px;
    height: 150px;
    overflow:scroll;
}

.kdb_table
{
    border: 1px solid #0000FF;
}
.kdb_table td
{
    border: 1px inset #808080;
    table-layout: fixed;
}

.cmdButton
{
    height: 1.1em
}

/* ----------------------------------------
menu 
------------------------------------------ */
/* Reset code to remove theme inherent styling */
.dcjq-mega-menu ul.menu ul, .dcjq-mega-menu ul.menu li {
list-style: none; 
padding: 0; 
margin: 0;
}
.dcjq-mega-menu ul.menu ul {
display: none; /* Hides non-mega links */
}
.dcjq-mega-menu ul.menu .sub ul {
display: block; /* overrides above hide */
}

/* Main menu styles */
.dcjq-mega-menu ul.menu {
background: #222 url(/image/menu/bg_black.png) repeat-x 0 -80px; 
/* width: 100%;  */
height: 40px; 
border-right: 1px solid #1B1B1B; 
border-left: 1px solid #1B1B1B; 
position: relative; /* Important - required for positioning of mega menu */
font: normal 13px Arial, sans-serif; 
line-height: 16px;
}
.dcjq-mega-menu ul.menu li {
float: left; 
font-weight: bold;
}
.dcjq-mega-menu ul.menu li a {
float: left; 
display: block;  
padding: 12px 25px; 
background: url(/image/menu/bg_black.png) repeat-x 100% 0; 
color: #fff;
text-shadow: 1px 1px 1px #000; 
text-decoration: none;
}
.dcjq-mega-menu ul.menu li.mega-hover a, .dcjq-mega-menu ul.menu li a:hover {
background-position: 100% -40px; 
color: #000; 
text-shadow: none;
}

/* Arrow tag for parent links */
.dcjq-mega-menu ul.menu li a.dc-mega {
padding-right: 38px; /* Additional padding for arrow */
position: relative; /* Required for arrow positioning */
}
.dcjq-mega-menu ul.menu li a .dc-mega-icon {
display: block; 
position: absolute; 
top: 18px; 
right: 15px; 
width: 8px; 
height: 6px; 
background: url(/image/menu/arrow.png) no-repeat 0 0;
}
.dcjq-mega-menu ul.menu li.mega-hover a .dc-mega-icon {
background-position: 0 100%;
}

/* Mega Menu Styling */
/* Mega Drop Down Container */
.dcjq-mega-menu ul.menu li .sub-container {
position: absolute; /* Required */
background: url(/image/menu/bg_sub_left.png) no-repeat 0 100%; 
padding-left: 10px; 
margin-left: -3px;
z-index:50000;
}
.dcjq-mega-menu ul.menu li .sub {
background: url(/image/menu/bg_sub.png) no-repeat 100% 100%; 
padding: 20px 20px 20px 10px;

}
.dcjq-mega-menu ul.menu li .sub-container.mega .sub {
padding: 20px 10px 0 0;
}
.dcjq-mega-menu ul.menu li .sub .row { /* Clear the sub-menu floats */
width: 100%; 
overflow: hidden; 
clear: both;
}
.dcjq-mega-menu ul.menu li .sub li {
float: none; 
font-size: 1em; 
font-weight: bold;
}
/* Sub-menu Headers */
.dcjq-mega-menu ul.menu li .sub li.mega-hdr { /* Sub-menu headers - i.e. 2nd level navigation */
float: left; /* Float the sub-menus and give them a fixed width to from the mega menu rows */
width: 260px;
margin: 0 10px 20px 10px;
border: 1px solid #ccc; 
}
.dcjq-mega-menu ul.menu li .sub a { /* Clear the styles from the top-level links and set the font styles */
background: none; 
border: none; 
text-shadow: none; 
color: #111; 
padding: 7px 10px; 
display: block; 
float: none; 
text-decoration: none; 
font-size: 0.9em; 
}
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a {
padding: 7px 10px; 
margin-bottom: 5px; 
border-bottom: 1px solid #ccc; 
text-transform: uppercase; 
font-weight: bold; 
color: #000; 
background: #EAEAEA url(/image/menu/bg_hdr.png) repeat-x center center;
}
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000; 
text-shadow: none;
}


/* Add the individual sub-menu backgrounds */
.dcjq-mega-menu ul.menu li .sub li#menu-item-1 {
background: url(/image/menu/bg_coupe.jpg) no-repeat 135px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-2 {
background: url(/image/menu/bg_sedan.jpg) no-repeat 135px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-3 {
background: url(/image/menu/bg_convert.jpg) no-repeat 135px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-4 {
background: url(/image/menu/bg_suv.jpg) no-repeat 135px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-5 {
background: url(/image/menu/bg_pickup.jpg) no-repeat 135px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-6 {
background: url(/image/menu/bg_sports.jpg) no-repeat 135px 40px;
}

/* Style the 3rd level links */
.dcjq-mega-menu ul.menu li .sub li ul li {
margin-right: 90px;
}
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a {
color: #444;
font-weight: normal; 
padding: 3px 0 3px 25px; 
background: url(/image/menu/bullet.png) no-repeat 10px 8px; 
}
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a:hover {
color: #990000;
background-image: url(/image/menu/bullet_on.png); 
}

/* Styling for items with only 2 levels */
.dcjq-mega-menu ul.menu li .sub-container.non-mega .sub {
padding: 20px 20px 20px 10px;
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li {
width: 190px; /* Set the drop down width */
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px; 
background: url(/image/menu/bullet.png) no-repeat 5px 12px;
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a:hover {
color: #990000;
background-image: url(/image/menu/bullet_on.png);
}

/* -----------------------------------------------------------
   Supertree
------------------------------------------------------------- */

.Supertree {
	list-style: none; margin: 0px; padding: 0px;
}
.Supertree ul {
	list-style: none; margin: 0px; padding: 0px;
}
.Supertree ul {
	margin-top: 4px; background-color: white;
}
.Supertree .hitarea {
	background: url("/css/ui-lightness/images/treeview-default.gif") no-repeat -64px -25px; width: 16px; height: 16px; margin-left: -16px; float: left; cursor: pointer;
}

.Supertree li {
	margin: 0px; padding: 3px 0pt 3px 16px;
}
.Supertree a.selected {
	background-color: rgb(238, 238, 238);
}
#treecontrol {
	margin: 1em 0px; display: none;
}

.Supertree .hover {
	color: red; cursor: pointer;
}
.Supertree li
{
    background: url("/css/ui-lightness/images/treeview-default-line.gif") no-repeat 0px 0px;

}
.Supertree li a
{
    border: 1px solid #CCCCCC;
}

.Supertree li.collapsable {
	background-position: 0px -176px;
}
.Supertree li.expandable {
	background-position: 0px -176px;
}
.Supertree .expandable-hitarea {
	background-position: -80px -3px;
}
.Supertree li.last
{
    background-position: 0px -1766px;
}

.Supertree li.lastCollapsable {
	background-image: url("/css/ui-lightness/images/treeview-default.gif");
}

.Supertree_pl{
	background-image: url("/css/ui-lightness/images/treeview-default.gif");
	background-position: 0px -111px;
}


.Supertree li .lastExpandable {
	background-image: url("/css/ui-lightness/images/treeview-default.gif");
}
.Supertree li.lastCollapsable {
	background-position: 0px -111px;
}
.Supertree li.lastExpandable {
	background-position: -32px -67px;
}
.Supertree div.lastCollapsable-hitarea {
	background-position: 0px;
}
.Supertree div.lastExpandable-hitarea {
	background-position: 0px;
}
.Supertree .placeholder {
	background: url("/css/ui-lightness/images/ajax-loader.gif") no-repeat 0px 0px; width: 16px; height: 16px; display: block;
}

.Supertree_move 
{
    height:10px;
}